<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>react_test</title>
    <style>
        body,html{
            margin:0;
            padding:0;
            height:500000px;
        }
    </style>
    <script crossorigin src="react.production.min.js?remote=true"></script>
    <script crossorigin src="react-dom.production.min.js?remote=true"></script>
    <script src="moment.min.js?remote=true"></script>
    <script src="babel.min.js?remote=true"></script>
    <link rel="stylesheet" href="antd.min.css?remote=true"/>
    <script src="antd.min.js?remote=true"></script>
    <script src="https://unpkg.com/ming_mock@2.0.3/index.js"></script>
</head>
<body>
<div id="root"></div>
</div>

<script>

const { Affix, Anchor, AutoComplete, Alert, Avatar, BackTop, Badge, Breadcrumb, Button, Calendar, Card, Collapse, Carousel, Cascader, Checkbox, Col, DatePicker, Divider, Dropdown, Form, Icon, Input, InputNumber, Layout, List, LocaleProvider, message, Menu, Modal, notification, Pagination, Popconfirm, Popover, Progress, Radio, Rate, Row, Select, Slider, Spin, Steps, Switch, Table, Transfer, Tree, TreeSelect, Tabs, Tag, TimePicker, Timeline, Tooltip, Mention, Upload, version } = antd;
 const {Children,Component,Fragment,Profiler,PureComponent,StrictMode,Suspense,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,cloneElement,createContext,createElement,createFactory,createRef,forwardRef,isValidElement,lazy,memo,useCallback,useContext,useDebugValue,useEffect,useImperativeHandle,useLayoutEffect,useMemo,useReducer,useRef,useState}=React;
</script>


${insertImportJs}

<script type="text/babel">
    ReactDOM.render(
            <div>
                <App/>
            </div>
        ,
        document.getElementById('root')
    );
 
    M.EventSource('/sseServer',function(e){
           console.log(e.data)
            location.reload()
     })

</script>
 
</body>
</html>